.detail_box{
    width: 100vw;
    height: 100vh;
    background-color: gray;
    .detail_top_box{
        height: 35vh;
        width: 100%;
        background-color: pink;
        text-align: center;
        line-height: 10vh;
    }
    .detail_btm_box{
        transition: all 0.5s;
        width: 100%;
        height: calc(100% - 30vh);
        position: fixed;
        top: 30vh;
        left: 0;
        background-color: skyblue;
    }
}


//备用

// {/* 详情滑动图 */}
// <div className="item_detail_cont">
// {/* 商品介绍 */}
// <div className="item_detail_cont_introduce">
//   <h1>{listitmedetail.commodity_namer}</h1>
//   <p>{listitmedetail.commodity_mess}</p>
// </div>

// {/* 商品类型 */}
// <div className="item_detail_cont_type">
//   {
//     typedata.length > 0 ?
//       typedata.map((item, itemindex) => {
//         return <div className="item_detail_cont_type_title" key={itemindex}>
//           <h2>{item.title}</h2>
//           <div className="item_detail_cont_type_cont">
//             {
//               item.typelist.map((typelistitem, typelistindex) => {
//                 return <span onClick={() => { this.typeGenre(itemindex, typelistindex) }} key={typelistindex}>{typelistitem}</span>
//               })
//             }
//           </div>
//         </div>
//       })
//       : null
//   }
// </div>

// {/* 类似商品 */}
// <div className="item_detail_cont_introduce">
//   {/* 这里是一个手动轮播图 */}
//   <h2>类似商品</h2>
//   <Operbanner />
// </div>
// {/* 加入购物车按钮 */}
// <div className="item_detail_btm_box">
//   {/* 钱数 */}
//   <div className="item_detail_btm_money">
//     {/* {allmoney} */}
//     合计:{listitmedetail.commodity_unitPrice * num}<span>元</span>
//   </div>
//   {/* 数量加减 */}
//   <div className="item_detail_cont_type_btn">
//     <p className="item_detail_cont_type_btn_num"><span>数量</span></p>
//     <p className="item_detail_cont_type_btn_p">
//       <span className="item_detail_cont_type_del" onClick={() => {
//         this.addNum()
//       }}>-</span>
//       <span>{num}</span>
//       <span className="item_detail_cont_type_add" onClick={() => {
//         this.delNum()
//       }}>+</span>
//     </p>
//   </div>
//   {/* 添加到购物车 */}
//   <div>
//     <button className="item_detail_btm_btn" onClick={() => {
//       if (type.length > 0) {
//         addCarData({
//           id: cardata.length + 1,
//           ...listitmedetail,
//           type,
//           num,
//           allmoney: listitmedetail.commodity_unitPrice * num
//         })
//       } else {
//         alert('没有选规格')
//       }

//     }}>加入购物车</button>
//   </div>
// </div>

// </div>